﻿<script src="~/Scripts/jquery-easyui-extensions/combobox/jeasyui.extensions.combobox.findItems.js"></script>

<div class="easyui-panel" data-options="fit:true,border:false" style="padding:20px;">
    <input id="combobox1" type="text" value="" />
    <br />
    这是个 单选 的 combobox。
    <br /><br /><br />
    <a id="btnGet1" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取 text 长度大于3的项，并输出其序列化结果</a>
    <br /><br /><br />
    <a id="btnGet2" class="easyui-linkbutton" data-options="iconCls:'icon-add'">获取 id 为 4或5 的项，并输出其序列化结果</a>
</div>
<script>
    $(function () {

        var data = [
            { value: "1", text: "蜘蛛侠" },
            { value: "2", text: "蝙蝠侠" },
            { value: "3", text: "钢铁侠" },
            { value: "4", text: "神奇四侠" },
            { value: "5", text: "接盘侠" }
        ];
        $("#combobox1").combobox({
            valueField: "value",
            textField: "text",
            data: data,
            multiple: false,
            editable: false
        });

        $("#btnGet1").click(function () {
            var selected = $("#combobox1").combobox("findItems", function (item, index) { return item.text.length > 3; });
            if (selected) {
                alert(JSON.stringify(selected));
            }
            else { alert("未找到符合条件的项。"); }
        });

        $("#btnGet2").click(function () {
            var selected = $("#combobox1").combobox("findItems", ["4","5"]);
            if (selected) {
                alert(JSON.stringify(selected));
            }
            else { alert("未找到符合条件的项。"); }
        });

    });
</script>
